<template>
  <div class="demo">
    <div class="demo-title">自定义进度条渐变色</div>
    <div class="demo-content">
      <Progress :stroke-color="{ '0%': '#108ee9', '100%': '#87d068' }" :percent="99.9" />
      <Progress :stroke-color="{ from: '#108ee9', to: '#87d068' }" :percent="99.9" status="active" />
      <Progress type="circle" :stroke-color="{ '0%': '#108ee9', '100%': '#87d068' }" :percent="90" />
      <Progress type="circle" :stroke-color="{ '0%': '#108ee9', '100%': '#87d068' }" :percent="100" />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Progress from '@sscd/progress';
</script>
